<template>
	<div class="wrap">
		<div class="app-header"><header-v></header-v></div>
		<div class="app-content news_list">
			<div class="content">
				<div class="title" v-for="item in title"><p>{{ item.title }}</p><span class="time">{{ item.time }}</span><span class="ready">阅读<span></span>{{ item.ready }}</span></div>
			</div>
		</div>
		<div class="app-footer"><footer-v></footer-v></div>
	</div>
</template>

<script>
	import header from '../public/header'
	import footer from '../public/footer'
	
	export default {
		components : {
			headerV : header,
			footerV : footer
		},
		data (){
			return {
				title : [
					{
						title : '精心会展，沟通无限—2017上海国际葡萄酒展向世界展示别样精彩',
						time : '2017-05-12',
						ready : '730'
					},
				],
			}
		},
		mounted(){
			console.log(this.$route.query.id)
		}
	}
</script>

<style>
	.news_list .content{
		padding: 0 0.1rem; overflow: hidden; margin: 0 auto;
	}
	.news_list .con div{
		font-family: comic sans ms,cursive;
	}
	.news_list .content img{
		width: 100%;
	}
	.news_list .title p{
		color: #333; font-size: 0.18rem; line-height: 0.25rem; font-weight: 700; margin: 0.12rem 0;
	}
	.news_list .title span{
		color: #999; font-size: 0.13rem; display: inline-block; margin-bottom: 0.1rem;
	}
	.news_list .title span:nth-of-type(2){
		margin-left: 0.22rem;
	}
	.news_list .desc{
		margin: 0.2rem 0;
	}
	.news_list .desc2{
		margin-bottom: 0.1rem;
	}
	.news_list .desc, .news_list .desc2{
		text-indent: 2em; font-size: 0.16rem;
	}
</style>